<script setup lang="ts">
import { h, onMounted, render } from "vue";

// Vue中虚拟DOM的创建与挂载
// 类似：document.createElement()    pNode.appendChild()

// 创建:createElement() / h()
// 挂载:render()

// createElement()/h()
// 参数1：dom标签或组件标签     div a input img.....
// 参数2: 属性
// 参数3：内容

// render()
// 参数1：元素或组件
// 参数2：挂载的结点

// 如：<div id="one" class="two">我是div</div>
const vNode = h("div", { id: "one", class: "two" }, "我是div");
onMounted(() => {
  render(vNode, document.querySelector(".box")!);
});
</script>

<template>
  <div class="box"></div>
</template>

<style lang="less" scoped></style>
